.flexslider {
    padding: 0;
    margin: 0 0 60px;
    background: #c330bb;
    border: 0px solid #b74242!important;
    position: relative;
    zoom:1;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: '' 0 1px 4px rgba(0,0,0,.2);
    box-shadow: '' 0 1px 4px rgba(0,0,0,.2)
}

@media (min-width:767px){

#mainBanner {box-sizing: border-box; min-height: 500px; _max-height: 650px; overflow: visible !important; position:relative; left:0px;top: -90px;background-color:#fff;
border-bottom: 2px solid rgb(222, 226, 230); /*-webkit-box-shadow: 0 -5px 30px 5px #464646; box-shadow: 0 -5px 30px 5px #464646;*/}
 #mainBanner .flexslider {margin:0;background:0 0;border:none;position:relative;box-sizing: border-box; padding: 0px; margin: 0px; border: none; position: relative; zoom: 1; border-radius: 4px; left: 0px; perspective: 1000px; -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; outline: transparent solid 1px; transform: perspective(1px) skew(0); background: 0px 0px;}
 #mainBanner .flexslider .homeSliderItem{position:relative; box-sizing: border-box; margin: 0px -100% 0px 0px; padding: 0px; list-style: none; display: block; backface-visibility: hidden; position: relative; float: left; opacity: 1; z-index: 2; width: 100%;}
 #mainBanner .imgCont{_width: 1400px;box-sizing: border-box; right: 0px; overflow: hidden; position: relative;}
 #mainBanner .imgCont>.imgInnerCont{_width: 1400px;box-sizing: border-box; right: 0px; perspective: 1000px; -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; outline: transparent solid 1px; transform: perspective(1px) skew(0); position: relative; width: 100%;}
 #mainBanner .imgCont>.imgInnerCont img{box-sizing: border-box; border: 0px; -webkit-tap-highlight-color: transparent; vertical-align: middle; max-width: 100%; width: 100%; display: block; height: auto; min-height: 600px; max-height: 700px;}

#mainBanner .flexslider .flex-control-nav{    left: calc(50% - 100px ); top: calc(100% - 100px); text-align:inherit;padding:0 10px;z-index:9;width:50%;height:20px;transform: perspective(1px) skew(0);}
 #mainBanner .flexslider .flex-control-nav a{border:2px solid #fff;background:0 0;width:16px;height:16px;-webkit-box-shadow:0 1px 1px #3D3D3D;-moz-box-shadow:0 1px 1px #3D3D3D;-o-box-shadow:0 1px 1px #3D3D3D;box-shadow:0 1px 1px #3D3D3D;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block}
 #mainBanner .flexslider .flex-control-nav a:hover{background:#9d9d9d}
 #mainBanner .flexslider .flex-control-nav a.flex-active{border:2px solid #fe0094;background:#fe0094;-webkit-box-shadow:0 1px 1px #fe0094;-moz-box-shadow:0 1px 1px #fe0094;-o-box-shadow:0 1px 1px #fe0094;box-shadow:0 1px 1px #fe0094}

#mainBanner .flexslider .flex-pauseplay{width:53px;position:absolute;bottom:5px;height:24px;padding:0 16px;z-index:9}
 #mainBanner .flexslider .flex-pauseplay a{display:inline-block;width:20px;height:27px;position:static;color:#fff;text-align:center;transform: perspective(1px) skew(0);}
 #mainBanner .flexslider .flex-pauseplay a.flex-play:before{content:"\f04b";font-size:18px;text-shadow:0 0 5px #141414;transform: perspective(1px) skew(0);}
 #mainBanner .flexslider .flex-pauseplay a.flex-pause:before{content:"\f04c";font-size:18px;text-shadow:0 0 5px #141414;transform: perspective(1px) skew(0);}
 #mainBanner .flexslider .flex-pauseplay {left: calc(50% - 70px);  text-align: right;   border-right: 1px #FFF solid;transform: perspective(1px) skew(0);}
 #mainBanner .flexslider .flex-pauseplay{ _display:none}
 }
 @media (max-width:767px){
 #mainBanner {box-sizing: border-box; _min-height: 300px; max-height: 350px; overflow: visible !important; position:relative; left:0px;;top: 10px;background-color:#3D3D3D}

#mainBanner .flexslider .flex-pauseplay{ display:none}
 #mainBanner .imgCont{-webkit-transform:perspective(1px) skew(0);-moz-transform:perspective(1px) skew(0);-ms-transform:skew(0);-o-transform:skew(0);transform:perspective(1px) skew(0);-webkit-perspective:1000;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;outline:transparent solid 1px;position:static}
 #mainBanner .imgCont, #mainBanner .imgCont>.imgInnerCont{-webkit-perspective:1000;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;outline:transparent solid 1px}
 #mainBanner .imgCont{-webkit-transform:perspective(1px) skew(0);-moz-transform:perspective(1px) skew(0);-ms-transform:skew(0);-o-transform:skew(0);transform:perspective(1px) skew(0);position:static;margin:0}
 #mainBanner .imgCont>.imgInnerCont{-webkit-transform:perspective(1px) skew(0);-moz-transform:perspective(1px) skew(0);-ms-transform:skew(0);-o-transform:skew(0);transform:perspective(1px) skew(0);width:100%;position:static}
 #mainBanner .imgCont>.imgInnerCont img {max-width: 150%; _width: 300px; _width: 125%;}

#mainBanner .flexslider .flex-control-nav{left: calc(50% - 100px );top: calc(100% + 10px);text-align:inherit;padding:0 10px;z-index:9;_width:50%;height:20px;}
 #mainBanner .flexslider .flex-control-nav a{border:1px solid #fff;background:0 0;width:12px;height:12px;-webkit-box-shadow:0 1px 1px #3D3D3D;-moz-box-shadow:0 1px 1px #3D3D3D;-o-box-shadow:0 1px 1px #3D3D3D;box-shadow:0 1px 1px #3D3D3D;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block}
 #mainBanner .flexslider .flex-control-nav a:hover{background:#9d9d9d}
 #mainBanner .flexslider .flex-control-nav a.flex-active{border:2px solid #fff;background:#fe0094;-webkit-box-shadow:0 0 1px #fe0094;-moz-box-shadow:0 0 1px #fe0094;-o-box-shadow:0 0 1px #fe0094;box-shadow:0 0 1px #fe0094}
 #mainBanner .flexslider{margin-bottom:30px}
 #mainBanner .homeSliderItem .borderStrip{display:none}
 }